// pages/detail/detail.js
var app = getApp();
let datas = require('../../data/racquets-data');
Page({

  /**
   * 页面的初始数据
   */
  data: {
    detailObj: {},
    index: 0,
    isCollected: false,
    //收藏前先获取信息
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse('button.open-type.getUserInfo')
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    wx.setNavigationBarTitle({
      title: '球拍详情'
    })
    //console.log(options);
    let index = options.postId;
    this.setData({
      detailObj: datas.racquets_data[index],
      index: index
    });
    // 获取本地存储数据
    let storageObj = wx.getStorageSync('isCollected');
    console.log(storageObj);
    // 判断是否存储过数据
    if (!storageObj) {
      storageObj = {};
      wx.setStorage({
        key: 'isCollected',
        data: storageObj
      });
    } else {
      // 根据是否收藏当前页面文章的的标识动态生成isCollected
      let isCollected = storageObj[index] ? true : false;
      // 更新isCollected的值。
      this.setData({
        isCollected
      });
    }
    //判断有没有授权
    if (app.globalData.userInfo) {
      this.setData({
        userInfo: app.globalData.userInfo,
        hasUserInfo: true
      })
    } else if (this.data.canIUse) {
      // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
      // 所以此处加入 callback 以防止这种情况
      app.userInfoReadyCallback = res => {
        this.setData({
          userInfo: res.userInfo,
          hasUserInfo: true
        })
      }
    } else {
      // 在没有 open-type=getUserInfo 版本的兼容处理
      wx.getUserInfo({
        success: res => {
          app.globalData.userInfo = res.userInfo
          this.setData({
            userInfo: res.userInfo,
            hasUserInfo: true
          })
        }
      })
    }
  },

  getUserInfo: function(e) {
    console.log(app.globalData.userInfo);
    if (app.globalData.userInfo) {
      let isCollected = !this.data.isCollected;
      // 存储之前先获取之前的数据
      let obj = wx.getStorageSync('isCollected');
      obj[this.data.index] = isCollected;
      // 提示用户收藏的状态
      let title = isCollected ? '收藏成功' : '取消收藏';
      wx.showToast({
        title,
        icon: 'success'
      });
      wx.setStorage({
        key: 'isCollected',
        data: obj
      });
      this.setData({
        isCollected
      });

    } else {
      // wx.showToast({
      //   title: '请先授权'
      // });
      app.globalData.userInfo = e.detail.userInfo;
      this.setData({
        userInfo: e.detail.userInfo,
      });
      console.log(this.data.userInfo);
      if (this.data.userInfo) {
        this.setData({
          hasUserInfo: true
        });
      }
    }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})